<%--
  Created by IntelliJ IDEA.
  User: Yy
  Date: 2022/5/7
  Time: 15:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title></title>
    <%--    css   js--%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
    <script>
        layui.use(['table','util','jquery','layer','form'],function () {
            var table=layui.table,util=layui.util,$=layui.jquery,layer=layui.layer,form=layui.form;

            //自定义验证规则
            form.verify({
                account: function(value, item){
                    var min = item.getAtztribute('lay-min');
                    if(value.length >= 3){
                        return '不能超过'+2+'位数';
                    }
                },
                account1: function(value, item){
                    var min = item.getAttribute('lay-min');
                    if(value.length >= 4){
                        return '不能超过'+3+'位数';
                    }
                },
                newmobile: function(value){
                    if(value.length != 3){
                        return '只能输入三位数';
                    }
                },
                chineseName: function (value) {
                    let pattern = /[\u4e00-\u9fa5]/;//中文验证
                    let txt = pattern.test(value);

                    if (value.length < 1 || !txt) {
                        return '维修设备必须要有中文';
                    }
                },
                // v_pass:[/^[\s]{1,3}$/,'长度不能超过三位数'],
                numberRequiredFalse:[/(^$)|^\d+$/,'只能填写数字'],//非必填项，填了就会进行验证
                username: function (value, item) { //value：表单的值、item：表单的DOM对象
                    if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                        return '不能有特殊字符';
                    }
                    if(/(^\_)|(\__)|(\_+$)/.test(value)){
                        return '首尾不能出现下划线\'_\'';
                    }

                }
            });

            //监听显示全部按钮
            $("#quanbu-btn").click(function () {
                location.reload('demo');
            });



            //监听form表单提交  模糊查询
            form.on('submit(search-btn)',function (d) {
                var equipmentId=$("#equipmentId").val();
                var equipmentType=$("#equipmentType").val();
                table.reload('demo',{//指定条件重载table
                    page:{page:1},
                    where:{     //条件
                        equipmentId:equipmentId,
                        equipmentType:equipmentType,
                    },
                });
            });



            // //监听form表单提交  模糊查询  查看全部按钮
            // form.on('submit(quanbu-btn)',function (d) {
            //     location.reload("demo");//重新加载父页面表格
            // });




            //监听工具栏的按钮
            table.on('tool(demo)',function (res) {
                var row = res.data; //获取当前行的数据(点哪一行就是哪一行)
                var event = res.event;//获取点的是哪个按钮(工具栏按钮指定的lay-event)
                var equipmentId = row.equipmentId;//获取行中的id列
                var zid=row.status;
                if(event=='del' && zid!=1){//已完成状态
                    layer.confirm("是否完成？",{
                            btn:['确定','取消']
                        },function() {
                            $.post("${pageContext.request.contextPath}/houqing/weixiudel",{equipmentId:equipmentId},function (data) {
                                layer.msg(data.msg);//使用消息层 显示删除的结果
                                table.reload('demo',{
                                    url:"${pageContext.request.contextPath}/houqing/weixiulist"
                                });
                            },"json");
                        }
                    );
                }else if (event=='shanchu'){
                    layer.confirm("是否删除？",{
                            btn:['确定','取消']
                        },function() {
                            $.post("${pageContext.request.contextPath}/houqing/weixiushanchu",{equipmentId:equipmentId},function (data) {
                                layer.msg(data.msg);//使用消息层 显示删除的结果
                                table.reload('demo',{
                                    url:"${pageContext.request.contextPath}/houqing/weixiulist"
                                });
                            },"json");
                        }
                    );
                }else if(event=='edit'){ //修改员工
                    layer.open({
                        type:2,//设置为iframe
                        fix:false,//不固定
                        maxmin:true,//出现最大化最小化按钮
                        offset:'10px',//垂直水平位置
                        shadeClose:true,
                        shade:0.4,//遮罩层透明度
                        area:['600px','520px'],//弹出层宽高
                        title:"修改",//弹出层标题
                        content:'${pageContext.request.contextPath}/houqing/weixiutoupd/'+ equipmentId//弹出层内网页
                    });
                }else {
                    alert("该状态已完成")
                }
            });

            //监听申请维修按钮
            $("#add-btn").click(function () {
                // alert('aaa');
                layer.open({
                    type: 2, //设置为iframe层
                    fix: false, //不固定
                    maxmin: true,//出现最大化最小化按钮
                    offset:'5px',//垂直水平位置
                    shadeClose: true, //点击遮罩层关闭窗口
                    shade:0.4, //遮罩层透明度
                    area: ['600px', '520px'], //弹出层宽度高度
                    title: "申请维修", //弹出层标题
                    content: '${pageContext.servletContext.contextPath}/houqing/weixiutoadd/' //弹出层内网页
                });
            });

            });

    </script>
</head>
<body>
<h1></h1>
<div>
    <form class="layui-form">
        <div class="layui-inline">编号:</div>
        <div class="layui-inline">
            <input type="text" name="equipmentId" id="equipmentId" class="layui-input" lay-verify="numberRequiredFalse|account1"/>
        </div>
        <div class="layui-inline">维修设备名:</div>
        <div class="layui-inline">
            <input type="text" name="equipmentType" id="equipmentType" class="layui-input" />
        </div>
        <a class="layui-btn  layui-icon layui-icon-search" lay-filter="search-btn" lay-submit="" lay-size="sm">搜索</a>
        <a class="layui-btn
layui-icon layui-icon-refresh" lay-filter="quanbu-btn"  lay-submit id="quanbu-btn" lay-size="sm">查看全部</a>
<%--        <a class="layui-btn" id="add-btn" lay-size="sm">申请维修</a>--%>
    </form>
</div>
<table class="layui-table" id="title" lay-filter="demo" lay-size="sm"
       lay-data="{url:'${pageContext.request.contextPath}/houqing/weixiulist',page:true,id:'demo'}"
>
    <thead>
    <tr>
        <th lay-data="{field:'equipmentId',sort:true}">编号</th>
        <th lay-data="{field:'equipmentType',sort:true}">维修设备名称</th>
<%--        <th lay-data="{field:'status',sort:true}">维修状态</th>--%>
        <th lay-data="{field:'status',sort:true,templet:function (d) {
                            var zid=d.status;//取出每一个数据
                                if(zid==1){
                                    return '已完成'
                                }else if(zid==0){
                                    return '未完成'
                                }
                            }}">
            维修状态</th>
<%--        <th lay-data="{field:'className',sort:true}">班级</th>--%>
<%--        <th lay-data="{field:'stuname',sort:true}">学生</th>--%>
        <th lay-data="{field:'remark',sort:true}">备注</th>
<%--        <th lay-data="{field:'depName',sort:true}">部门</th>--%>
<%--        <th lay-data="{field:'userType',sort:true}">1学生 2员工</th>--%>
<%--        <th lay-data="{field:'userType',sort:true}">人员</th>--%>
        <th lay-data="{field:'startTime',sort:true}">开始时间</th>
        <th lay-data="{field:'endTime',sort:true}">结束时间</th>
<%--        <th lay-data="{field:'endTime',sort:true}">结束时间</th>--%>
        <th lay-data="{toolbar:'#tools',width:200,align:'center',fixed:'right'}">操作</th>
    </tr>
    </thead>
</table>
<script type="text/html" id="tools">
<%--    <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>--%>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">已完成</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="shanchu">删除</a>
</script>
</body>
</html>